@charset "utf-8";
/*
 * 鸡蛋美术商城 发现CSS样式文件
 * $Author: Jo
 * $Id: tvd.css 2015-9-3 10:14:00
 * 发现CSS样式文件 Begin
*/

body{background-color: #f0f0f0;}
#tvd{width: 1210px; height: auto; margin: 0px auto;}
.small-nav .box em,.article-list .box .bot em,.ten .content .bottom .bot .read-num em,.ten .content .bottom .bot .praise em,.news,.iconlike.uncollect,.iconlike.collect,.praise-share .icon-share,#bdsharebuttonbox a{background-image: url(/img/icon_sprite/tvd_sprite.png);background-repeat:  no-repeat;}

/* 头部大轮播图 Begin */
.big-top{float: left; width: 1210px; height: 474px; overflow: hidden;}
#banner{float: left; position: relative; width: 900px; height: 474px; overflow: hidden;}
#banner .list{float: left; position: absolute; width: auto; height: 474px;}
#banner .list a{float: left; width: 900px; height: 474px; display: block;}
#banner .list a img{width: 900px; height: 474px;}
#banner .nav{position: absolute; width: 100%; height: 64px; bottom: 20px; text-align: center; cursor: pointer;}
#banner .nav li{width: 122px; height: 64px; margin-right: 15px; display: inline-block;}
#banner .nav li img{float: left; width: 100%; height: 64px;}
.big-top .app{float: left; position: relative; width: 301px; height: 474px; margin-left: 9px;}
.big-top .app img{width: 301px; height: 474px;}
.big-top .app .download{position: absolute; width: 130px; height: 31px; bottom: 66px; left: 89px;}
/* 头部大轮播图 End */

/* 五张广告图区 Begin */
.five-ban{float: left; width: 100%; height: 485px; margin-top: 23px;}
.five-ban .left,.five-ban .right{float: left; width: 390px; height: 485px;}
.five-ban .left .one,.five-ban .left .two,.five-ban .right .four,.five-ban .right .five{float: left; width: 390px; height: 232px;}
.five-ban .left .two,.five-ban .right .five{margin-top: 21px;}
.five-ban .left img,.five-ban .right img{width: 390px; height: 232px;}
.five-ban .center{float: left; width: 389px; height: 485px; margin: 0 20px;}
.five-ban .center img{width: 389px; height: 485px;}
/* 五张广告图区 End */

/* 小导航 Begin */
.small-nav{float: left; width: 100%; line-height: 33px; text-align: center; margin-top: 24px;}
.small-nav .content{width: 530px; height: 33px; margin: 30px auto;}
.small-nav .box{float: left; width: 106px; font-size: 14px; color: #696969;}
.small-nav .box a{display: inline-block;}
.small-nav .box a:hover{color: #b90f0f;}
.small-nav .box em{float: left;  margin: 6px 10px 0 0;}
.small-nav .box .one em{width: 21px; height: 21px; background-position: 0 0;}
.small-nav .box .two em{width: 23px; height: 19px; background-position: 0 -26px;}
.small-nav .box .three em{width: 17px; height: 23px; background-position: 0 -51px;}
.small-nav .box .four em{width: 22px; height: 22px; background-position: 0 -81px;}
.small-nav .box .five em{width: 23px; height: 19px; background-position: 0 -107px;}
/* 小导航 End */

/* 文章列表部分 Begin */
.article-list{width: 1244px; height: auto; margin: 0 auto;}
.article-list .box{float: left; position: relative; width: 279px; height: 316px; margin: 0 0 38px 32px; overflow: hidden; -webkit-transition: -webkit-transform .2s linear; -moz-transition: -moz-transform .2s linear; -o-transition: -o-transform .2s linear; transition: transform .2s linear;}
.article-list .box:hover{-webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px);}
.article-list .box .s-title{float: left; width: 100%; height: 31px; line-height: 31px; font-size: 12px; color: #adadad;}
.article-list .box .pic{float: left; width: 279px; height: 165px;}
.article-list .box .bottom{float: left; width: 100%; height: 120px; background-color: #fff;}
.article-list .box .b-title{float: left; width: 92%; font-size: 16px; color: #545454; margin-top: 25px;  margin-left: 4%;}
.article-list .box .bot,.ten .content .bottom .bot{position: absolute; bottom: 0; width: 100%; height: 44px; line-height: 44px; color: #949494; font-size: 12px;}
.article-list .box .bot .left{float: left;}
.article-list .box .bot .left img,.ten .content .bottom .bot .left img{float: left; width: 18px; height: 18px; margin: 13px 5px 0 0;}
.article-list .box .bot .left img{margin-left: 14px;}
.article-list .box .bot .right,.ten .content .bottom .bot .right{float: right;}
.article-list .box .bot .read-num,.ten .content .bottom .bot .read-num{float: left; margin-right: 13px;}
.article-list .box .bot .read-num em,.ten .content .bottom .bot .read-num em{float: left; width: 18px; height: 15px; background-position: 0 -207px; margin: 16px 6px 0 0;}
.article-list .box .bot .praise{float: left; margin-right: 25px; cursor: pointer;}
.ten{float: left; width: 100%; height: 500px; background-color: #fff;margin-bottom: 38px;}
.ten .content{position: relative; width: 452px; height: 500px; margin: 0 auto; overflow: hidden;display: block}
.ten .content .s-title{float: left; width: 100%; line-height: 59px; text-align: center; font-size: 18px; margin-top: 30px;}
.ten .content .pic{float: left; width: 452px; height: 267px;}
.ten .content .bottom{float: left; width: 100%; height: 144px;}
.ten .content .b-title{float: left; width: 100%; font-size: 16px; color: #545454; margin-top: 10px;}
.ten .content .bottom .bot{bottom: 64px;}
.ten .content .bottom .bot .praise{float: left; cursor: pointer;}
.news{position: absolute; width: 55px; height: 21px; background-position: 0 -262px; top: 31px;}
.bot .praise em{float: left; width: 18px; height: 15px; background-position: 0 -226px; margin: 16px 5px 0 0;}
.bot .praise:hover em, .bot .praise.hover em{background-position: 0 -244px;}
/* 文章列表部分 End */

/* 加载提示 Begin */
.loading{float: left; width: 100%; line-height: 30px; color: #999999; text-align: center;margin: 50px 0;}
.load-complete{float: left; width: 100%; height: auto;margin: 20px 0 45px;display: none;}
.load-complete .content{width: 1210px; height: auto; margin: 0 auto;}
.load-complete2{float: left; width: 100%; height: auto;display: none;margin: 20px 0 20px;}
.load-complete2 .content2{float: right; width: 100%; height: auto;}
.load-complete2 .content2 img{float: right;}
/* 加载提示 End */

/* 主题页 Begin */
.theme{float: left; width: 100%; height: auto; margin-top: 10px; margin-bottom: 45px;}
.theme .content{width: 1212px; height: auto; margin: 0 auto;}
.theme .left-title{float: left; position: relative; width: 279px; height: auto; margin-top: 10px;}
.theme .left-title .box{float: left; width: 249px; height: auto; padding: 14px 0 23px 30px; border-bottom: 1px solid #e8e8e8; background-color: #fff;}
.theme .left-title .box:hover{background-color: #f7f7f7;}
.theme .left-title .box:nth-last-child(1){border:none;}
.theme .left-title .box .b-title{float: left; width: 240px; height: 45px; line-height: 45px; font-size: 24px; color: #414141; display: inline-block;}
.theme .left-title .box .s-title{float: left; width: auto; height: auto;}
.theme .left-title .box .s-title .s-t{float: left; line-height: 30px; font-size: 16px; color: #595959; margin-right: 20px; cursor: pointer;}
.theme .left-title .box .s-title .s-t:hover{color: #b90f0f;}
.theme .two-title{position: absolute; width: 60px; height: auto; top: 0; left: 279px; padding: 16px 30px; background-color: #fff; border-left: 1px solid #e8e7e7; z-index: 1; display: none;}
.theme .left-title .box:hover .two-title{display: block;}
.theme .two-title span{float: left; width: 60px; height: 58px; line-height: 58px; text-align: center; color: #424344; font-size: 18px; border-bottom: 1px solid #e8e7e7; cursor: pointer; overflow: hidden;}
.theme .two-title span:hover{color: #c03d3d;}
.theme .two-title span:nth-last-child(1){border:none;}
.theme-list{float: left; width: 933px;}
/* 主题页 End */

/* 正文页 Begin */
.info-body{background-color: #fff;}
#tvd-info{width: 990px; height: auto; overflow: hidden; margin: 0 auto;}
#tvd-info .left-info{float: left; width: 720px; height: auto; margin-left: 43px;}
#tvd-info .quote{margin: 0; font-size: 0.7em;}
#tvd-info .quote p{margin: 0;}
#tvd-info .quote img{width: 100%; margin: 0 auto; vertical-align: middle; font-size: 19px;}
#tvd-info .quote a img{width: auto;}
#tvd-info .praise-share{float: left; width: 100%; height: 145px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-top: 10px;}
.praise-share .left{float: left; font-size: 14px; color: #737373;}
.iconlike{float: left; width: 25px; height: 21px; margin-top: 52px; cursor: pointer;}
.iconlike.uncollect{background-position: -35px -4px;}
.iconlike.collect{background-position: -35px -36px;}
.praise-share .click-num{float: left; margin: 52px 0 0 7px;}
.praise-share .icon-share{float: left; width: 26px; height: 26px; background-position: -36px -72px; margin: 49.5px 0 0 30px;}
.praise-share .share-num{float: left; margin: 52px 0 0 7px;}
.praise-share .right{float: right; font-size: 16px; color: #262626;}
.praise-share .right .text{float: left; margin-top: 52px;}
#bdsharebuttonbox a{float: left; width: 50px; height: 50px; padding: 0; margin: 37.5px 0 0 12px;}
#bdsharebuttonbox a.bds_weixin{background-position: -79px 0;}
#bdsharebuttonbox a.bds_tsina{background-position: -80px -60px;}
#bdsharebuttonbox a.bds_sqq{background-position: -80px -118px;}
#bdsharebuttonbox a.bds_renren{background-position: -80px -175px;}
#bdsharebuttonbox a.bds_douban{background-position: -80px -232px;}
#bdsharebuttonbox .bdsharebuttonbox{float: left;}
.left-info .recom-article{float: left; width: 100%; height: auto;}
.recom-article .top{float: left; width: 100%; line-height: 53px; margin-top: 11px; font-size: 14px; color: #292929; font-weight: bold;}
.recom-article .top .text{float: left;}
.recom-article .top .more{float: right; color: #9e9e9e; font-weight: normal;}
.recom-article .top .more:hover{opacity: 0.8;}
.recom-article .article{float: left; width: 100%; height: 181px; border-bottom: 1px solid #d9d9d9; overflow: hidden;}
.recom-article .article .box{float: left; width: 224px; height: 181px; margin-left: 24px; overflow: hidden;}
.recom-article .article .box:nth-child(1){margin-left: 0;}
.recom-article .article .box img{width: 224px; height: 132px;}
.recom-article .article .box span{float: left; width: 100%; height: 36px; line-height: 36px; color: #424242; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.recom-article .recom{float: left; width: 100%; height: 279px; border-bottom: 1px solid #d9d9d9;}
.recom-article .recom .com-num{float: left; width: 100%; line-height: 67px; color: #292929; font-size: 14px; margin-top: 4px;}
.recom-article .recom .portrait,.recom-article .comment-list .box .portrait{float: left; width: 50px; height: 50px; border-radius: 25px;}
.recom-article .recom .content{float: right; width: 648px; height: 118px; border: 1px solid #c9c9c9; overflow: hidden; resize: none; outline: none; text-indent: 12px; padding-top: 12px;}
.recom-article .recom .btn{float: right; width: 120px; height: 38px; background-color: #8b0409; color: #fff; text-align: center; line-height: 38px; cursor: pointer; margin-top: 20px;}
.recom-article .recom .btn:hover{background-color: #ab0409;}
.recom-article .comment-list{float: left; width: 100%; height: auto;overflow: hidden;}
.recom-article .comment-list .no-com{float: left; width: 100%; line-height: 80px; text-align: center; color: #bcbcbc; font-size: 18px;}
.recom-article .comment-list .box{float: left; width: 100%; height: auto;margin-bottom: -1px}
.recom-article .comment-list .box .portrait{margin-top: 20px;}
.recom-article .comment-list .box .content{float: right; width: 652px; height: auto; padding: 21px 0; border-bottom: 1px solid #d9d9d9; font-size: 16px; line-height: 29px;}
.recom-article .comment-list .box .content i{font-style: normal;color: #8d8d8d;cursor: pointer;}
.recom-article .comment-list .btn{float: left; width: 100%; line-height: 40px; text-align: center; font-size: 16px; color: #494949; background-color: #d9d9d9; cursor: pointer; margin: 24px 0 45px 0;}
.recom-article .comment-list .btn:hover{background-color: #bcbcbc;}
#tvd-info .right-goods{float: left; width: 217px; height: auto; margin: 10px 0 0 10px}
#tvd-info .right-goods .title{float: left; width: 100%; line-height: 36px; font-size: 14px; text-align: center; color: #505050; background-color: #eeeeee;}
#tvd-info .right-goods .box{float: left; position: relative; width: 215px; height: 253px; border: 1px solid #e5e5e5; margin-bottom: 10px; overflow: hidden;}
#tvd-info .right-goods .box:hover .name{display: block;}
#tvd-info .right-goods .box .img{float: left; width: 215px; height: 215px; background-color: #f8f8f8;}
#tvd-info .right-goods .box .img img{width: 215px; height: 215px;}
#tvd-info .right-goods .box .name{position: absolute; width: 181px; height: 50px; padding: 5px 17px; background-color: #eaeaea; line-height: 25px; font-size: 14px; color: #696969; bottom: 38px; overflow: hidden; display: none;}
#tvd-info .right-goods .box .bottom{float: left; width: 100%; line-height: 38px; font-size: 12px; overflow: hidden;}
#tvd-info .right-goods .box .bottom .price{float: left; font-weight: bold; color: #930005; margin-left: 15px;}
#tvd-info .right-goods .box .bottom .com{float: right; margin-right: 15px;cursor: pointer;}
#tvd-info .right-goods .box .bottom .com:hover{color: #8b0409;}

#tvd-info .key-list{width: 100%;height: 30px;overflow: hidden;margin: 10px 0 ;float: left;}
#tvd-info .key-list a{height: 28px;line-height: 28px;overflow: hidden;border: 1px solid #dcdcdc;border-radius: 14px;padding: 0 10px;font-size: 13px;float: left;margin-right: 14px; }
#tvd-info .key-list a:hover{background: #a40101;color: #fff;}

.at-user-comt{width: 100%;height: 100%;position: fixed;z-index: 99;top: 0;left: 0;}
.at-user-comt .mask{width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; z-index: 99;}
.at-user-comt .box{width: 720px;height: 235px;background: #fff;position: absolute;left: 50%;top: 50%;margin-left: -360px;margin-top: -117.5px;z-index: 99;}
.at-user-comt textarea{width: 640px;height: 108px;resize:none;margin-left: 34px;padding: 5px;line-height: 18px;}
.at-user-comt .name{width: 95%;height: 20px;line-height: 20px;float: left;margin-top: 20px;margin-left: 34px;color: #696969;}
.at-user-comt .btn{float: right; width: 120px; height: 38px; background-color: #8b0409; color: #fff; text-align: center; line-height: 38px; cursor: pointer; margin-top: 15px;margin-right: 33px;}
.at-user-comt .btn.btn2{margin-right: 10px;}
.at-user-comt .btn:hover{background-color: #ab0409;}
/* 正文页 End */

/* 发现CSS样式文件 End */